<template>
  <el-card shadow="always" :body-style="{ padding: '20px' }" :style="{background: '#ccc'}">
    <!-- 头部 -->
    <TopView />
    <!-- 中部 -->
    <MainView />
    <!-- 底部 -->
    <BottomView />
  </el-card>

</template>

<script lang="ts">
export default {
  name: 'Home',
}
</script>

<script lang="ts" setup>
import useMockDataStore from "@/stores/mock"
import TopView from "./Top/index.vue"
import MainView from "./Main/index.vue"
import BottomView from "./Bottom/index.vue"

//请求mock数据
const mockDataStore = useMockDataStore()
mockDataStore.getMock()

</script>

<style scoped>

</style>
